<template>
	<view>
		<view id="main" style="width:100%;height:400px;"></view>
	</view>
</template>

<script>
	import echarts from"../common/echarts/echarts.min.js"
	export default {
		data() {
			return {
				myChart:null,
				option: {
				title: {
				text: 'ECharts 入门示例'
				},
				tooltip: {},
				legend: {
				data: ['销量']
				},
				xAxis: {
				data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
				},
				yAxis: {},
				series: [{
				name: '销量',
				type: 'bar',
				data: [5, 20, 36, 10, 10, 20]
				}]
				},
			}
		},
		mounted(){
			this.init()
		},
		methods: {
			init() {
			// 基于准备好的dom，初始化echarts实例
			this.myChart = echarts.init(document.getElementById('main'));
					
			// 使用刚指定的配置项和数据显示图表。
			this.myChart.setOption(this.option);
			
			
			
			}
		}
	}
</script>

<style>

</style>
